<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<link rel="stylesheet"
	href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
	
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

<script src="scripts/calendar.js"> </script>

<title>Dodawanie zwierzaka</title>
<link rel="stylesheet" type="text/css" href="styles/forms.css">
<style> 
body {
background: #d0f0f6;
}
 select {
 width:280px;
 }
</style>
</head>
<body>
<a href = "index.jsp"> Powrot na strone glowna</a><br><br>
<center>
<form name = "AnimalAdd" class='form-container'
		action = "AnimalAdd"
		method = "POST">
		<div class="form-title"><h2>Dodaj zwierza:</h2></div>
		<div class="form-title">Imię:</div>
		<input id = "name" name = "name" type = "text" class="form-field"><br>
		<div class="form-title"> Rasa:</div>
		<input id = "race" name = "race" type = "text" class="form-field"> <br>
		<div class="form-title"> Płeć:</div>
		<select id="gender" name="gender">
		<option>male</option>
		<option>female</option>
	</select>
		<!-- <input id = "gender" name = "gender" type = "text" class="form-field" >--> <br /> <br />
		<div class="form-title"> Data urodzenia: </div>   <!--  Nie powinien być rok ? Wg bazy jest pełna data -->
		<input id = "data" name = "data" type = "text" class="form-field" ><br>
		<div class="submit-container">
		<input class="submit-button" type="submit" value="Dodaj zwierzaczka" />
		</div>
		
</form>
</center>
</body>
</html>